<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html>
<!--<![endif]-->

<head>
<meta charset="utf-8">
<title>系统界面</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="favicon.ico">
<!-- css styles -->
<link href="css/bootstrap.css" rel="stylesheet"><!--基本样式-->
<link href="css/style.css" rel="stylesheet"><!--样式-->
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/animate.delay.css" rel="stylesheet"><!--图片动画-->
<link href="css/font-awesome.min.css" rel="stylesheet" ><!--字体图标-->
<!--[if IE 7]>
<link href="css/font-awesome-ie7.min.css" rel="stylesheet">
<![endif]-->

</head>

<body>
<!-------头部------->
<div id="header-container">
	<div id="header">
		<div class="logo">恒盛管理系统 v2.0</div>
		<div class="header-right">
			<div class="header-btn">
				<ul>
					<li><a href="#"><i class="icon-group"></i> 管理员 欢迎登录！</a></li>
					<li class="dropdown notification"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#"> <i class="icon-envelope"></i> 消息 <span class="message">5</span></a>
						<ul class="dropdown-menu">
							<li><a href=""><span class="icon-envelope"></span> 新消息来至 <strong>Jack</strong>  <small class="muted"> - 19 小时前</small></a></li>
							<li><a href=""><span class="icon-envelope"></span> 新消息来至 <strong>管理员</strong> <small class="muted"> - 2 小时前</small></a></li>
							<li><a href=""><span class="icon-user"></span> <strong>光光</strong> 有新的回复 <small class="muted"> - 2 小时前</small></a></li>
							<li class="viewmore"><a href="">查看更多信息</a></li>
						</ul>
					</li>
					<li class="dropdown userinfo"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="/page.html"> <i class="icon-cog"></i> 管理</a>
						<ul class="dropdown-menu">
							<li><a href=""><span class="icon-user"></span> 个人资料</a></li>
							<li><a href=""><span class="icon-cog"></span> 系统设置</a></li>
							<li><a href=""><span class="icon-group"></span> 用户管理</a></li>
							<li class="divider"></li>
							<li><a href=""><span class="icon-signout"></span> 退出系统</a></li>
						</ul>
					</li>
					<li><a href="#"><i class="icon-signout"></i> 退出</a></li>
				</ul>
			</div>
			<div class="header-path"> 
				<div class="header-full"><a class="showmenu" href="#" title="全屏"> <i class="icon-fullscreen"></i> 全屏</a></div>
				<a href="#"> <i class="icon-home"></i> 首页 </a>
				<i class=" icon-angle-right"></i>  表单样式
			</div>
		</div>
	</div>
</div><!-------头部结束------->   
<!-------内容------->   
<div id="main-container">
<div class="contentinner content-dashboard">
	<!-------左侧导航------->   
	<div id="main-sidebar" class="sidebar">
			<ul id="mainSideMenu" class="nav-side">
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accDash" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-desktop"></span> 基本样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accDash">
                        <li> <a href="demo.html"> <i class="icon-caret-right"></i> 样式 1 </a> </li>
                        <li> <a href="demo2.html"> <i class="icon-caret-right"></i> 样式 2 </a> </li>
						<li> <a href="demo3.html"> <i class="icon-caret-right"></i> 样式 3 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading active"> <a href="#accForms" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-list-alt"></span> 表单样式 </a> </div>
                    <ul class="accordion-content nav collapse in" id="accForms">
                        <li> <a href="form.html"> <i class="icon-caret-right"></i> 表单元素 </a> </li>
                        <li> <a href="form2.html"> <i class="icon-caret-right"></i> 扩展样式 </a> </li>
                        <li class="active"> <a href="form3.html"> <i class="icon-caret-right"></i> 引导样式</a> </li>
                    </ul>
                </li>
               <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accComponents" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-cogs"></span> 组件样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accComponents">
                        <li> <a href="media.html"> <i class="icon-caret-right"></i> 通知样式 </a> </li>
                        <li> <a href="media2.html"> <i class="icon-caret-right"></i> 滑块样式 </a> </li>
                        <li> <a href="media3.html"> <i class="icon-caret-right"></i> 结构样式 </a> </li>
                        <li> <a href="media4.html"> <i class="icon-caret-right"></i> 图片样式 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accTables" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-table"></span> 表格样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accTables">
                        <li> <a href="table.html"> <i class="icon-caret-right"></i> 基础表格 </a> </li>
                        <li> <a href="table2.html"> <i class="icon-caret-right"></i> 数据表格 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accStatistics" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-signal"></span> 统计样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accStatistics">
                        <li> <a href="chart.html"> <i class="icon-caret-right"></i> 图表样式 </a> </li>
                        <li> <a href="chart2.html"> <i class="icon-caret-right"></i> 趋势图 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accWidgets" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon  icon-text-width"></span> 文字样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accWidgets">
                        <li> <a href="text.html"> <i class="icon-caret-right"></i> 文字样式 </a> </li>
                        <li> <a href="text2.html"> <i class="icon-caret-right"></i> 列表样式 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accButtons" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-tasks"></span> 元素样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accButtons">
                        <li> <a href="ui.html"> <i class="icon-caret-right"></i> 按钮样式 </a> </li>
                        <li> <a href="ui2.html"> <i class="icon-caret-right"></i> 字体图标 </a> </li>
                        <li> <a href="ui3.html"> <i class="icon-caret-right"></i> 切换标签 </a> </li>
                        <li> <a href="ui4.html"> <i class="icon-caret-right"></i> 弹出层 </a> </li>
                        <li> <a href="ui5.html"> <i class="icon-caret-right"></i> 进度条 </a> </li>
                    </ul>
                </li>
            </ul>
		</div><!-------左侧导航结束------->       
	<!-------右侧内容------->   
	<div class="main-content container-fluid">
			<div class="contentinner">
            	<h4 class="widgettitle">默认向导</h4>
                <div class="widgetcontent">
                	<!-- START OF DEFAULT WIZARD -->
                    <form class="stdform" method="post" action="wizards.html">
                    <div id="wizard" class="wizard">
                    	<br />
                        <ul class="hormenu">
                            <li>
                            	<a href="#wiz1step1">
                                	<span class="h2">第一步</span>
                                    <span class="label">基本信息</span>
                                </a>
                            </li>
                            <li>
                            	<a href="#wiz1step2">
                                	<span class="h2">第二步</span>
                                    <span class="label">联系方式</span>
                                </a>
                            </li>
                            <li>
                            	<a href="#wiz1step3">
                                	<span class="h2">第三步</span>
                                    <span class="label">协议条款</span>
                                </a>
                            </li>
                        </ul>
                                                	
                        <div id="wiz1step1" class="formwiz">
                        	<h4>第一步：基本信息</h4>
                        	
                                <p>
                                    <label>姓名</label>
                                    <span class="field"><input type="text" name="firstname" id="firstname" class="input-xxlarge" /></span>
                                </p>
                                
                                <p>
                                    <label>地址</label>
                                    <span class="field"><input type="text" name="lastname" id="lastname" class="input-xxlarge" /></span>
                                </p>
                                                                
                                <p>
                                    <label>性别</label>
                                    <span class="field">
                                    	<select name="selection" id="selection" class="uniformselect">
                                        	<option value="">请选择</option>
                                        	<option value="1">男</option>
                                        	<option value="2">女</option>
                                    	</select>
                                    </span>
                                </p>
                                
                        	
                            
                        </div><!--#wiz1step1-->
                        
                        <div id="wiz1step2" class="formwiz">
                        	<h4>第二步：账户信息</h4>
                            
                                <p>
                                    <label>电话</label>
                                    <span class="field"><input type="text" name="lastname" class="input-xxlarge" /></span>
                                </p>
                                <p>
                                    <label>地址</label>
                                    <span class="field"><textarea cols="80" rows="5" name="location" class="span6"></textarea></span>
                                </p>
                                                                                               
                        </div><!--#wiz1step2-->
                        
                        <div id="wiz1step3">
                        	<h4>第三步：协议条款</h4>
                            <div class="par terms" style="padding: 0 20px;">
                                <p> 本规则依据《计算机信息网络国际联网安全保护管理办法》、《互联网信息服务管理办法》、《互联网电子公告服务管理规定》以及《全国人大常委会关于维护互联网安全的决定》制定。</p>
                                <p>在本站发生的所有行为需遵守中华人民共和国各项有关法律和法规。本站使用者因违反本站规定，而触犯中华人民共和国法律的，一切后果自负，本站不承担任何责任。</p>
                                <p><input type="checkbox" checked  />
                                	我同意此协议条款。</p>
                            </div>
                        </div><!--#wiz1step3-->
                        
                    </div><!--#wizard-->
                    </form>
                    <!-- END OF DEFAULT WIZARD -->
                </div><!--widgetcontent-->	
                
                <h4 class="widgettitle">标签式向导</h4>
                <div class="widgetcontent">
                	
                    <!-- START OF TABBED WIZARD -->
                    <form class="stdform" method="post" action="wizards.html">
                    <div id="wizard2" class="wizard tabbedwizard">
                    	
                        <ul class="tabbedmenu">
                            <li>
                            	<a href="#wiz1step2_1">
                                	<span class="h2">第一步</span>
                                    <span class="label">基本信息</span>
                                </a>
                            </li>
                            <li>
                            	<a href="#wiz1step2_2">
                                	<span class="h2">第二步</span>
                                    <span class="label">联系方式</span>
                                </a>
                            </li>
                            <li>
                            	<a href="#wiz1step2_3">
                                	<span class="h2">第三步</span>
                                    <span class="label">协议条款</span>
                                </a>
                            </li>
                        </ul>
                        
                        	
                        <div id="wiz1step2_1" class="formwiz">
                        	<h4>第一步：基本信息</h4>
                        	
                                <p>
                                    <label>姓名</label>
                                    <span class="field"><input type="text" name="firstname" class="input-xxlarge" /></span>
                                </p>
                                
                                <p>
                                    <label>地址</label>
                                    <span class="field"><input type="text" name="lastname" class="input-xxlarge" /></span>
                                </p>
                                                                
                                <p>
                                    <label>性别</label>
                                    <span class="field"><select name="" class="uniformselect">
                                        <option value="">请选择</option>
                                        <option value="1">男</option>
                                        <option value="2">女</option>
                                    </select></span>
                                </p>
                                
                        	
                            
                        </div><!--#wiz1step2_1-->
                        
                        <div id="wiz1step2_2" class="formwiz">
                        	<h4>第二步：联系方式</h4> 
                            
                                <p>
                                    <label>电话</label>
                                    <span class="field"><input type="text" name="lastname" class="input-xxlarge" /></span>
                                </p>
                                <p>
                                    <label>地址</label>
                                    <span class="field"><textarea cols="80" rows="5" class="span6" name="location"></textarea></span>
                                </p>
                                                                                               
                        </div><!--#wiz1step2_2-->
                        
                        <div id="wiz1step2_3">
                        	<h4>第三步：协议条款</h4>
                            <div class="par terms">
                               <p> 本规则依据《计算机信息网络国际联网安全保护管理办法》、《互联网信息服务管理办法》、《互联网电子公告服务管理规定》以及《全国人大常委会关于维护互联网安全的决定》制定。</p>
                                <p>在本站发生的所有行为需遵守中华人民共和国各项有关法律和法规。本站使用者因违反本站规定，而触犯中华人民共和国法律的，一切后果自负，本站不承担任何责任。</p>
                                <p><input type="checkbox" checked  />
                                	我同意此协议条款。</p>
                            </div>
                        </div><!--#wiz1step2_3-->
                        
                    </div><!--#wizard-->
                    </form>
                                        
                    <!-- END OF TABBED WIZARD -->
                    
                </div><!--widgetcontent-->
                
                <h4 class="widgettitle nomargin">纵向向导</h4>
                <div class="widgetcontent bordered">
                
                	<!-- START OF VERTICAL WIZARD -->
                    <form class="stdform" method="post" action="wizards.html">
                    <div id="wizard3" class="wizard verwizard">
                    	
                        <ul class="verticalmenu">
                            <li>
                            	<a href="#wiz1step3_1">
                                    <span class="label">第一步：基本信息</span>
                                </a>
                            </li>
                            <li>
                            	<a href="#wiz1step3_2">
                                    <span class="label">第二步：联系方式</span>
                                </a>
                            </li>
                            <li>
                            	<a href="#wiz1step3_3">
                                    <span class="label">第三步：协议条款</span>
                                </a>
                            </li>
                        </ul>
                                                	
                        <div id="wiz1step3_1" class="formwiz">
                        	<h4>第一步：基本信息</h4> 
                        	
                                <p>
                                    <label>姓名</label>
                                    <span class="field"><input type="text" name="firstname" class="input-xlarge" /></span>
                                </p>
                                
                                <p>
                                    <label>地址</label>
                                    <span class="field"><input type="text" name="lastname" class="input-xlarge" /></span>
                                </p>
                                                                
                                <p>
                                    <label>性别</label>
                                    <span class="field"><select name="selection" class="uniformselect">
                                        <option value="">请选择</option>
                                        <option value="1">男</option>
                                        <option value="2">女</option>
                                    </select></span>
                                </p>
                                
                        	
                            
                        </div><!--#wiz1step3_1-->
                        
                        <div id="wiz1step3_2" class="formwiz">
                        	<h4>第二步：联系方式</h4> 
                            
                                <p>
                                    <label>邮编</label>
                                    <span class="field"><input type="text" name="lastname" class="input-xlarge" /></span>
                                </p>
                                <p>
                                    <label>地址</label>
                                    <span class="field"><textarea cols="80" rows="5" name="location" class="span4"></textarea></span>
                                </p>
                                                                                               
                        </div><!--#wiz1step3_2-->
                        
                        <div id="wiz1step3_3">
                        	<h4>第三步：协议条款</h4>
                            <div class="par terms">
                                <p> 本规则依据《计算机信息网络国际联网安全保护管理办法》、《互联网信息服务管理办法》、《互联网电子公告服务管理规定》以及《全国人大常委会关于维护互联网安全的决定》制定。</p>
                                <p>在本站发生的所有行为需遵守中华人民共和国各项有关法律和法规。本站使用者因违反本站规定，而触犯中华人民共和国法律的，一切后果自负，本站不承担任何责任。</p>
                                <p><input type="checkbox" checked  />
                                	我同意此协议条款。</p>
                            </div>
                        </div><!--#wiz1step3_3-->
                        
                    </div><!--#wizard-->
                    </form>
                    <!-- END OF VERTICAL WIZARD -->
                    
                </div><!--widgetcontent-->
                
            </div><!--contentinner-->
	</div><!-------右侧内容结束------->    
</div>      
</div><!-------内容结束-------> 
<!-------底部------->    
<div class="footer">
	<div class="footerleft">恒盛管理系统 v2.0</div>
	<div class="footerright">&copy; Ish365.com - <a href="#">关注微博</a> - <a href="#">关注微信</a></div>
</div><!--底部结束-->    
<script src="js/jquery-1.10.2.min.js"></script> 
<script src="js/prettify.js"></script> 
<script src="js/custom.js"></script> <!--渐显/图片动画/提示/j警示等数据存储-->
<script src="js/jquery-migrate-1.1.1.min.js"></script>
<script src="js/jquery-ui-1.9.2.min.js"></script>
<script src="js/bootstrap.js"></script> 
<script src="js/jquery.flot.min.js"></script>
<script src="js/jquery.flot.resize.min.js"></script>
<script src="js/colorpicker.js"></script><!--颜色选择-->
<script src="js/slider.js"></script><!--滑块-->
<script src="js/jquery.jgrowl.js"></script><!--提示层-->
<script src="js/jquery.alerts.js"></script><!--警示框-->
<script src="js/jquery.uniform.min.js"></script>
<script src="js/jquery.tagsinput.min.js"></script>
<script src="js/charCount.js"></script>
<script src="js/chosen.jquery.min.js"></script><!--select模拟-->
<script src="js/forms.js"></script><!--form数据-->
<script src="js/bootstrap-timepicker.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/jquery.autogrow-textarea.js"></script>
<script src="js/jquery.smartWizard.min.js"></script><!--form引导-->
<script src="js/jquery.cookie.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<script src="js/media.js"></script><!--图片-->
<script src="js/jquery.uniform.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script><!--数据表格-->
<script type="text/javascript">
	jQuery(document).ready(function(){
		// Smart Wizard 	
  		jQuery('#wizard').smartWizard({onFinish: onFinishCallback});
      	jQuery('#wizard2').smartWizard({onFinish: onFinishCallback});
		jQuery('#wizard3').smartWizard({onFinish: onFinishCallback});
		jQuery('#wizard4').smartWizard({onFinish: onFinishCallback});
		
		function onFinishCallback(){
			alert('Finish Clicked');
		} 
		
		jQuery(".inline").colorbox({inline:true, width: '60%', height: '500px'});
		
		jQuery('select, input:checkbox').uniform();
	});
</script>
</body>
</html>
